Дизайн CRM системы (Бюджет: 40 000 руб)

1. Контекст и цель Дизайн интерфейса CRM для администратора компьютерного клуба. Главная цель — быстрая и безошибочная работа в “боевом” режиме: за минуты оформить бронь, запустить сессию, продать товар, принять оплату и закрыть смену. Приоритет — скорость, читаемость и минимум лишних кликов. 2. Пользователи Администратор — работает за стойкой, часто в спешке, параллельно общается с клиентами. Управляющий — реже, для тарифов, отчётов и настроек. Интерфейс — desktop-first, под монитор стойки; возможен планшет для мобильной стойки, но не приоритет. 3. Ключевые сценарии Посмотреть карту ПК и статусы. Создать/перенести/отменить бронь. Запустить и завершить сессию. Найти клиента, пополнить баланс, применить скидку. Продать товар из бара и принять оплату. Закрыть смену и посмотреть итоги. Быстро отреагировать на уведомление: сессия заканчивается, бронь просрочена, ПК в ремонте. 4. Экраны для MVP Главный экран / карта ПК: сетка ПК по зонам, статусы, быстрые действия. Бронь: форма создания, выбор ПК/времени/клиента, конфликты. Сессия: текущее время, тариф, пауза, завершение, сумма. Клиенты: поиск, карточка клиента, история, баланс, бонусы. Оплата: наличные/карта/депозит, чек, возврат. Бар/товары: быстрый выбор товаров, корзина, остатки. Смена: открытие/закрытие, итоги, расхождения. Отчёты: выручка, загрузка, сессии, бар. Настройки: тарифы, ПК, товары, скидки, сотрудники. 5. UX-требования Крупные кликабельные зоны, минимум вложенности. Постоянно видимые ключевые действия: Новая бронь, Новая сессия, Оплата, Закрыть смену. Цветовые статусы ПК: свободен / занят / бронь / ремонт / просрочка — различимы и не только цветом. Быстрый поиск клиента по имени/телефону/номеру. Поддержка клавиатуры и горячих клавиш для частых действий. Понятные подтверждения для опасных действий: отмена брони, возврат, закрытие смены. Продуманные состояния: пусто, загрузка, ошибка, конфликт брони, нет связи. Уведомления не должны перекрывать основную работу. 6. Визуальный стиль Тёмная тема по умолчанию — клуб часто с приглушённым светом; светлая тема опционально. Высокий контраст текста и статусов, крупная типографика для цифр и времени. Акцентный цвет — один, для главных действий; статусы — отдельная палитра. Стиль: современный, технологичный, без визуального шума. Иконки простые и однозначные; избегать мелких серых подписей. 7. Компоненты Таблицы с сортировкой/фильтрами. Карточки ПК. Модальные окна для брони и оплаты. Панель уведомлений. Формы с валидацией. Компоненты статусов, таймеров, сумм, скидок. 8. Результат работы дизайнера Figma-файл со структурой и компонентами. Экраны MVP в desktop-версии. UI-kit: цвета, типографика, кнопки, поля, статусы, таблицы, модалки. Прототип ключевого сценария: бронь → сессия → оплата → закрытие смены. Краткие спецификации для разработки: отступы, состояния, поведение. Во вложение пример того что есть ( и то что есть не особо нравится ) . использовать цвета из примера